﻿@model JPSOFTWARE.BON.Modelos.ProdutosView
@{
    ViewBag.Title = "Bebida Social - Listar de Produtos";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="@Url.Content("~/Scripts/DataTables-1.9.4/media/css/jquery.dataTables.css")" type="text/css" rel="stylesheet" />
<link href="@Url.Content("~/Content/bootstrap/css/DT_bootstrap.css")" type="text/css" rel="stylesheet" />
<script src="@Url.Content("~/Scripts/GestaoProdutos/Produtos.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/DataTables-1.9.4/media/js/jquery.dataTables.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/DT_bootstrap.js")" type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function () {
        FormularioExcluirProduto();
        GerenciarProdutos();
        $('#tabelaProdutos').dataTable({
            "bStateSave": true,
            "bJqueryUI": true,
            "bRetrieve": true,
            "bLengthChange": true,
            "bFilter": true,
            "bSort": true,
            "bAutoWidth": false,
            "iDisplayLength": 15,
            "sDom": "<'row-fluid'<'span6'l><'span6'f>r>t<'row-fluid'<'span6'i><'span6'p>>",
            "sPaginationType": "bootstrap",
            "oLanguage": {
                "sLengthMenu": "_MENU_ registros por página",
                "sInfoFiltered": "(filtrado de _MAX_ registros no total)",
                "sInfo": "Mostrando de <b>_START_</b> até <b>_END_</b> de <b> _TOTAL_</b> registros",
                "sZeroRecords": "Registro não encontrado.",
                "sInfoEmpty": "Mostrando de 0 até 0 de 0 registros",
                "sSearch": "Pesquisa:",
                "sProcessing": "Processando...",
                "sInfoFiltered": "(filtrado de _MAX_ registros no total)",
                "oPaginate":
        {
            "sFirst": "Primeiro",
            "sPrevious": "Anterior",
            "sNext": "Próximo",
            "sLast": "Último"
        }
            }
        });

        $('body').tooltip({
            selector: '[rel=tooltip]'
        });
    });
</script>
@Html.Hidden("actionEditarProdutoAdministrar", Url.Action("EditarProdutoAdministrar", "Produtos"))
@Html.Hidden("actionListarProduto", Url.Action("ListarProduto", "Produtos"))
@Html.Hidden("actionExibirExcluirProdutoAdministrar", Url.Action("ExibirExcluirProdutoAdministrar", "Produtos"))
<div>
    @Html.Partial("ExcluirProduto_Partial_Administrar")
</div>
<div class="box-head">
    <h3>
        Lista de Produtos</h3>
</div>
<div class="box-content">
    <div class="search_top_form">
        <ul>
            <li>
                @Html.Label("Seleciona um Produto:* ")
            </li>
            <li>
               @Html.DropDownList("NomeProduto", (SelectList)ViewData["ProdutosCombo"], "--Selecione--", new { @class = "input-xlarge" })
            </li>
            <li><a class="btn btn-primary" id="btnListarProduto"><i class='icon-search icon-white'>
            </i>&nbsp Vizualizar produto</a> </li>
        </ul>
    </div>
    <hr />
    <div class="container-fluid">
        <div id="divTabelaProduto" class="dataTables_wrapper form-inline">
            <table id="tabelaProdutos" class="table table-striped table-bordered">
                <thead>
                    <tr>
                        <th style="width: 300px;">
                            Produto
                        </th>
                        <th style="width: 40px;">
                            Categoria
                        </th>
                        <th style="width: 40px;">
                            Sub Categoria
                        </th>
                        <th style="width: 90px;">
                            Data Alteração
                        </th>
                        <th style="width: 40px;">
                            Situação
                        </th>
                        <th style="width: 15px;">
                        </th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>
